@CHARSET "UTF-8";

div.content{
	background-color: #000;
	color: #fff;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	width: 900px;
}

div.displayMonth{
	width: 140px; 
	display: inline-block;	
}

table{
	table-layout: fixed;
	width: 100%;
	border:0px;
	padding: 0px;
	border-spacing: 10px;
	background-color: #000;
}

thead tr td{
	text-transform: uppercase;
	color: gray;	
}

.week{
}

td.day{
	height: 50px;
	border: 1px solid grey;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	vertical-align: top;
	background-color: #000;
}

td.day:hover {
	background-color: #262626;
}

div.otherMonth{
	color: #333333;
}

div.buttonContainer{
	margin: 15px 0px 10px 0px;
}
	
.contentContainer{
	color: #fff;
	background-color: #000;
	width: 500px;
	margin: 10px 10px 20px 10px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #000;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.marked{
	color: #95EC00;
}

a.day, a.forwardBack{
	color: inherit;
	text-decoration: none;
}

a.button{
	color: #95EC00;
	text-decoration: none;
	border: 1px solid #95EC00;
	margin-left: 10px;
	padding: 4px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

a.button:hover{
	background-color: #95EC00;
	color: #fff;
}

input.button{
	color:#95EC00;
	border: 1px solid #95EC00;
	background-color: inherit;
	margin-left: 10px;
	padding: 4px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
}

input.button:HOVER{
	background-color: #95EC00;
	color: #fff;
}

div.pager {
	text-align: center;
	margin-bottom: 10px;
}

div.pager span{
	margin: 10px;
}

span.eventAttributName{
	width: 90px;
	display: inline-block;
	vertical-align: top;
}

div.monthButtonContainer{
	text-align: center;
	padding-bottom: 20px;
}